import React from 'react';
import {Image, View} from 'react-native';
import PropTypes from 'prop-types';

class TableCellAccessory extends React.Component {
    render() {
        const {style, iconStyle} = this.props;
        return (
            <View style={{
                marginLeft: 5,
                justifyContent: 'center',
                alignItems: 'center',
                ...style
            }}>
                <Image
                    source={require('./accessory.png')}
                    style={{
                        width: 16,
                        height: 16,
                        tintColor: '#999',
                        ...iconStyle
                    }}/>
            </View>
        );
    }
}

TableCellAccessory.propTypes = {
    style: PropTypes.object,
    iconStyle: PropTypes.object,
}

TableCellAccessory.defaultProps = {
    style: {},
    iconStyle: {},
}

export default TableCellAccessory;
